<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		你的运动爱好是？
		<input type="checkbox" name="item" id="item" value="" />足球
		<input type="checkbox" name="item" id="item" value="" />蓝球
		<input type="checkbox" name="item" id="item" value="" />乒乓球
		<input type="checkbox" name="item" id="item" value="" />羽毛球
		<input type="checkbox" name="checkedAll" id="checkedAll" value="全选" />全选
		<input type="button" name="checkedNo" id="checkedNo" value="全不选" />
		<input type="checkbox" name="checkedRev" id="checkedRev" value="反选" />
		<input type="button" name="send" id="send" value="提交" />
		<script type="text/javascript" src="js/jquery-1.11.2.min.js" ></script>
		<script>
			//全选的选中状态和所以的checkbox的值都是一样的
			$("#checkedAll").click(function(){
				$("[name=item]:checkbox").prop("checked",this.checked);
					
			
			})
		</script>
		
	</body>
</html>
